html,
body {
	margin: 0;
	font-size: 100%;
	background: #fff;
	font-family: "microsoft yahei"; 
}

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: "microsoft yahei"; 
}

p {
	
	font-size: 1em;
	line-height: 1.9em;
	color: #555;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}


/*-- header --*/


/*--header--*/

.header_left {
	float: left;
	margin: .3em 0 0;
}

.header_left ul li {
	display: inline-block;
	margin-right: 2em;
	font-size: 15px;
	color: #999c9e;
	letter-spacing: 1px;
}

.header_left ul li i {
	padding-right: 1em;
	color: #ee4f4f;
}

.header_left ul li a {
	font-size: 15px;
	color: #999c9e;
	text-decoration: none;
}

.header_left ul li a:hover {
	color: #ee4f4f;
}

.header_right {
	float: right;
}

ul.forms_right {
	float: right;
	margin-top: 3px;
}

ul.forms_right {
	float: right;
}

ul.forms_right li a {
	background: #ee4f4f;
	color: #fff;
	font-size: 0.9em;
	padding: 0.6em 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

ul.forms_right li a:hover {
	background: #168eea;
}

ul.forms_right li a.active {
	background: #168eea;
}

ul.forms_right li {
	display: inline-block;
	list-style: none;
}

.top_menu_w3layouts {
	padding: 0.5em 2em;
	background: #000;
}

.content {
	margin: 0;
	padding: 0px;
}

.content p:last-child {
	margin: 0;
}

.content a.button {
	display: inline-block;
	padding: 10px 20px;
	background: #ff0;
	color: #000;
	text-decoration: none;
}

.content a.button:hover {
	background: #000;
	color: #ff0;
}

.content.title {
	position: relative;
	background: #333;
}

.navbar-nav {
	float: left;
	margin: 0;
	margin-left:170px;
	width: 750px;
}
.tel{width:100px;float:left;margin-top:18px;}

.content.title h1 span.demo {
	display: inline-block;
	font-size: .5em;
	padding: 10px;
	background: #fff;
	color: #333;
	vertical-align: top;
}

.content.title .back-to-article {
	position: absolute;
	bottom: -20px;
	left: 20px;
}

.content.title .back-to-article a {
	padding: 10px 20px;
	background: #168eea;
	color: #fff;
	text-decoration: none;
}

.content.title .back-to-article a:hover {
	background: #168eea;
}

.content.title .back-to-article a i {
	margin-left: 5px;
}

.content.white {
	background: #fff;
}

.content.black {
	background: #000;
}

.content.black p {
	color: #999;
}

.content.black p a {
	color: #08c;
}

.navbar {
	position: relative;
	min-height: 40px;
	margin-bottom: 0!important;
	border: 1px solid transparent;
	border-radius: 0;
	
}

.navbar-default {
	background-color: rgb(33, 37, 41);
	
}

.navbar-brand {
	float: left;
	padding: 0!important;
	font-size: 18px;
	line-height: 0px!important;
	height: 0px!important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.29);
	
}

.navbar-default a.navbar-brand h1 {
	color: #fff;
	font-weight: 700;
	margin-top: 14px;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	
	font-size: 18px;
	padding: 25px 12px;
	
}

.navbar-nav>li>a.active {
	color: #ffffff;
	border-bottom: solid 2px #0084d6;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	color: #fff;
	
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	
}

.navbar-default .navbar-brand label {
	color: #36a1f3;
	display: block;
	font-size: 0.3em;
	text-align: center;
	letter-spacing: 1px;
	text-shadow: 0 1px 2px rgba(47, 47, 47, 0.2);
	font-weight: 600;
	text-transform: uppercase;
    letter-spacing: 2px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #111;
}

.navbar-default .navbar-toggle .icon-bar {
   background-color: #ffffff;
}

.navbar-default .navbar-nav>.active>a:before {
	background: #168eea;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 0;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #282828;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #ffffff;
	background: #168eea;
}

.navbar-nav>li {
	float: left;
	margin: 0 5px;
}

.navbar-default .navbar-toggle {
	border-color: #202020;
}

.dropdown-menu .divider {
	height: 0;
	margin: 0;
	overflow: none;
	background: none;
}

.dropdown-menu .divider {
	border-bottom: 1px solid #E8E7EC;
	padding: 0px 0;
}

.main-content {
	padding: 3em 0;
}

.dropdown-menu {
	min-width: 150px;
}

ul.dropdown-menu.sub-menu {
	min-width: 130px;
	top: 77px;
	left: 148px;
	-webkit-animation: fadeinleft 600ms ease-in-out;
	-moz-animation: fadeinleft 600ms ease-in-out;
	-o-animation: fadeinleft 600ms ease-in-out;
	-ms-animation: fadeinleft 600ms ease-in-out;
	animation: fadeinleft 600ms ease-in-out;
}

ul.dropdown-menu:hover a.s-menu {
	background: #373738;
	color: #fff;
}

.dropdown-menu.columns-2 {
	min-width: 400px;
}

.dropdown-menu.columns-3 {
	min-width: 600px;
}

.dropdown-menu li a {
	padding: 8px 15px;
	font-weight: 400;
	letter-spacing: 1px;
}

.dropdown-menu {
	border-radius: 0px;
}

.multi-column-dropdown {
	list-style: none;
}

.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #168eea;
	text-decoration: none;
	background-color: #f5f5f5;
}

.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #168eea;
	background: none;
}

b.fa.fa-caret-right {
	vertical-align: middle;
	margin-left: 2em;
}

@media (max-width:767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
	.tel{ display:none;}
	.navbar-nav {
		float: left;
		margin: 0;
		margin-left: 0em;
		width: 100%;
		background: #eee;
		margin-top: 1em;
	}
}


/*-- banner --*/

.carousel .item {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b11.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b11.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b11.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b11.jpg) no-repeat;
	background-size: cover;
}

.carousel .item.item2 {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b22.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b22.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b22.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b22.jpg) no-repeat;
	background-size: cover;
}

.carousel .item.item3 {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b33.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b33.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b33.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b33.jpg) no-repeat;
	background-size: cover;
}

.carousel .item.item4 {
	background: -webkit-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b44.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b44.jpg) no-repeat;
	background: -moz-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b44.jpg) no-repeat;
	background: -ms-linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b44.jpg) no-repeat;
	background: linear-gradient(rgba(23, 22, 23, 0.2), rgba(23, 22, 23, 0.5)), url(../../images/wy_img/b44.jpg) no-repeat;
	background-size: cover;
}


.carousel-caption h2,
.carousel-caption h3 {
	font-size: 50px;
	font-weight: bold;
	
}

.carousel-caption h2 span,
.carousel-caption h3 span {
	font-weight: 700;
}

.carousel-caption p {
	
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	line-height: 36px;
	margin: 1em 0 2em 0;
}

.carousel-caption a {
	color: #fff;
	letter-spacing: 1px;
	padding: 11px 20px;
	background: none;
	font-size: 0.9em;
	border-radius: 0;
	border: 1px solid #fff;
}

.carousel-caption a:hover {
	background: #00b1f0;
	border: 1px solid #00b1f0;
}

.codes {
	padding: 5em 0;
	background: #fff;
}

.codes.agileitsbg2 {
	background: #E74C3C;
	background-image: -webkit-linear-gradient(#ff9d2f, #ff6126);
	background-image: -moz-linear-gradient(#ff9d2f, #ff6126);
	background-image: -ms-linear-gradient(#ff9d2f, #ff6126);
	background-image: linear-gradient(#ff9d2f, #ff6126);
	padding-bottom: 10em;
}

.codes.agileitsbg3 {
	background: #3498DB;
	padding-bottom: 10em;
}

.codes.agileitsbg4 {
	background: #2ECC71;
	padding-bottom: 10em;
}

.carousel.slide.grid_3.grid_4 {
	border-top: 10px solid #3ACFD5;
	border-bottom: 10px solid #3a4ed5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 100% 0;
	background-repeat: no-repeat;
	-webkit-background-size: 10px 100%;
	-moz-background-size: 10px 100%;
	background-size: 10px 100%;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dÃ¢â‚¬Â¦0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dÃ¢â‚¬Â¦0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
	background-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
	background-image: -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
	background-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);
}

.carousel-indicators {
	bottom: 5%;
	left: 50%;
}

.carousel-caption {
	position: inherit;
	min-height: 630px!important;
	padding-top: 13em;
	text-align: center;
}

.carousel-control {
	line-height: 32em;
}


/*-- //banner --*/


.w3-heading-all h3 {
   font-size: 46px;
    color: #212121;
    font-family:"微软雅黑";
    font-weight: normal; 
    margin-bottom: 35px;
	 text-align: center;
	 position: relative;
	
}
.w3-heading-all h3:after{ content: ""; display: block; left: 48%; position: absolute;width: 50px; bottom:-25px;border-bottom: solid 3px #1aa1e6;}
.about,.team,.gallery,.welcome,.contact-w3-agileits,.banner-bottom,.services{
padding:145px 0;
}
.subtit{ text-align: center; color: #606060;font-size: 24px;}
/*-- /banner_bottom--*/
span.fa.fa-compass {
    background: rgb(254,143,1);
    margin-right: 0.1em;
    padding: 0.2em;
}
h3.tittle {
	color: #353b46;
	margin: 0;
	font-size: 3.3em;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

h3.tittle span {
	font-weight: 100;
	color: #555;
}

h3.tittle.main {
	margin: 0 auto;
	width: 60%;
}

h3.tittle.con {
	color: #fff;
}

h3.tittle.con span {
	color: #fff;
}

.tittle_head p {
	text-align: center;
	width: 46%;
	margin: 1em auto 0;
	color: #8c8c8c;
	font-size: 1.2em;
	line-height: 1.9em;
}

.inner_sec_info_agileits_w3 {
	margin-top: 4em;
}

.features {
	padding: 6em 0 16em 0;
}

.ab_info {
	background: #f5f5f5;
}

.banner_bottom_left h4 {
	font-size: 2em;
	color: #4d4e4e;
	letter-spacing: 1px;
	position: relative;
	font-weight: 400;
	line-height: 1.4em;
	margin-bottom: 1em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.banner_bottom_left h4 span {
	font-weight: 100;
}

.banner_bottom_left p {
	color: #666;
	line-height: 2em;
	font-size: 1em;
	margin-bottom: 1em;
}

ul.some_agile_facts {
	margin-top: 3em;
}

ul.some_agile_facts li {
	list-style: none;
	margin: 21px 0;
	color: #444;
	font-weight: 600;
	font-size: 1.5em;
}

ul.some_agile_facts span.fa {
	color: #fff;
	width: 90px;
	height: 90px;
	background: #ee4f4f;
	text-align: center;
	line-height: 87px;
	margin-right: 20px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 1.3em;
}

ul.some_agile_facts label {
	font-size: 1.5em;
	color: #262c38;
}

.banner_bottom_grid {
	margin-top: 3em;
}



.w3layouts_stats_left {
    text-align: center;
}

.w3layouts_stats_left p {
    font-size: 3em;
    font-weight: 100;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 0.1em 0 0.1em 0;
}

.w3layouts_stats_left h3 {
    font-size: 1em;
    color: rgb(254,143,1);
    letter-spacing: 3px;
    margin: 0;
    font-weight: 600;
}

.w3layouts_stats_left span {
    font-size: 2.5em;
    color: #fff;
}

.w3l_stats_bottom_grid_left img {
    margin: 0 auto;
}

.stats {
    text-align: center;
    background: #000000;
    padding: 4em 0;
}

.agile_inner_info_stats {
    margin-top: 2em;
}


/*-- //stats --*/

/*--footer--*/
.footer{padding:5em 0em;}

.footer nav    {border:none;
	margin-bottom:2em;}
.footer ul.nav-buttom li {
	list-style: none;
	display: inline-block;
	margin: 0px 15px;
}

.footer ul.nav-buttom li a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.footer ul.nav-buttom li:hover a {
	color: #ab7442;
}

ul.nav-buttom {
	margin:1em 0;
}

footer{background: #1b1b1b;}
.footer {
	background: #1b1b1b;
	text-align: center;
}
.footer1{ background-color:#252525 ; text-align: center; color: #999; font-size:14px;line-height: 70px;}
.bottom-head h2 a {
    font-size: 45px;
    color: #fff;
}
span.cap{
    color: rgb(254,143,1);
    margin-top: 7px;
    font-size: 15px;
    letter-spacing: 11.4px;
}
.icons {
    text-align: center;
	    padding-top: 15px;
}
.icons ul li {
    display: inline-block;
}
.icons ul li a{
     color: #fff;
    font-size: 15px;
    letter-spacing: 11.4px
}
.icons ul li a span.fa.fa-facebook:hover {
    color: #3b5998;
}

.icons ul li a span.fa.fa-twitter:hover{
	color: #55acee;
}

.icons ul li a span.fa.fa-rss:hover{
	color: #f26522;
}
.icons ul li a span.fa.fa-vk:hover{
	color: #45668e;
}
.colr-row{padding:0px;}	
.footer h3,.footer h2{margin-bottom:11px;}

.one p {
    color: #fff;
    line-height: 26px;
    font-size: 14px;
}
.addres.up-out p:nth-child(1), .addres.up-out p:nth-child(2), .addres.up-out p:nth-child(3) {
    padding-top: 0px;
}
.addres p {
    font-size: 15px;
    color: #fff;
    padding: 10px 0px;
}
.icons-left {
    font-size: 20px;
    margin-right: 14px;
    color: #efaa15;
}
footer p {
    padding: 0.8em 0;
    text-align: center;
    font-size: 14px;
    color: #999;
	line-height: 60px;
  
    background: #252525;
}
footer p a {
    color: #fff;
    text-decoration: underline;
}
footer p a:hover {
    color:rgb(254,143,1);
}
/*--//footer--*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 35px;
	height: 35px;
	border: none;
	text-indent: 100%;
	background: url(../../images/wy_img/top-arrow.png) no-repeat 0px 0px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
}
#toTopHover {
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- /responsive design --*/
@media(max-width:1440px){
.clients-left {
    min-height: 454px;
}

.contact-right-w3l {
    margin: 2em 0 0 0;
}
}
@media(max-width:1366px){
.clients-left {
    min-height: 478px;
}
}
@media(max-width:1280px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 4.5em;
}
.clients-left {
    min-height: 472px;
}
	.tel{ display:none;}
}

@media(max-width:1080px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 4.3em;
}
.tel{ display:none;}
.clients-left {
    min-height: 490px;
}
.contact-right-w3l input[type="text"] {
    width: 100%;
}
span.cap {
    letter-spacing: 10px;
}
.w3l_banner_figure p a {
    margin: 0 2px;
}
}
@media(max-width:1024px){
.carousel-caption {
    min-height: 540px!important;
    padding-top: 12em;
}
	.tel{ display:none;}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 3.5em;
}
.carousel-indicators {
    bottom: 20%;
}
.clients-left {
    min-height: 520px;
}
}
@media(max-width:991px){
.navbar-default .navbar-nav>li>a {
    padding: 35px 14px;
}
	.tel{ display:none;}
.carousel-caption {
    min-height: 540px!important;
    padding-top:10em;
}
.carousel-caption {
    min-height: 491px!important;
}
.carousel-indicators {
    bottom: 17%;
}
.grid_info {
    width: 60%;
	margin:0 auto 2em;
}
.grid_info:nth-child(2) {
    margin: 0 auto 2em;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 3.2em;
}
.tab-info h4 {
    margin-bottom: 1em;
    margin-top: 1em;
}
.wthree_team_grid_left figure .w3l_banner_figure {
    padding: 0.2em;
}
.w3layouts_stats_left.w3_counter_grid {
    width: 50%;
    float: left;
}
.w3layouts_stats_left.w3_counter_grid2 {
width: 50%;
 float: left;
 
}
.w3layouts_stats_left.w3_counter_grid3,.w3layouts_stats_left.w3_counter_grid2{
margin-top: 2em;
}
.clients-left {
    width: 50%;
    margin: 0 auto;
}
.clients {
    width:80%;
	margin:0 auto;
}
.contact-left-w3ls {
    width: 60%;
    margin: 0 auto;
}
.contact-left-w3ls {
    width: 65%;
    margin-left: 6em;
}
.contact-right-w3l {
    width: 100%;
}
.bottom-head.bottm-grid {
    width: 100%;
	margin-bottom:2em;
}
.copyright.bottm-grid {
    width: 100%;
	margin-bottom:1em;
}
.one.bottm-grid {
    width: 100%;
	margin-bottom:1em;
}
.three.bottm-grid {
    width: 100%;
	margin-bottom:1em;
}
}
@media(max-width:800px){
.about, .team, .gallery, .welcome, .contact-w3-agileits, .banner-bottom, .services {
    padding: 3em 0;
}
.w3-heading-all h3 {
    font-size: 2.3em;
}
	.tel{ display:none;}
}
@media(max-width:768px){
.clients-left {
    min-height: 338px;
}
	.tel{ display:none;}
}
@media(max-width:767px){
.navbar {
    min-height: 85px;
}
	.tel{ display:none;}
div#bs-example-navbar-collapse-1 {
    position: absolute;
    width: 100%;
    background: #000000ba;
    text-align: center;
    z-index: 99;
}
.navbar-nav>li {
    float: none;
    width: 43%;
    margin: 0 auto;
}
.navbar-nav {
    background: #08080833;
}
.navbar {
    padding: 0.5em;
}
.navbar-default a.navbar-brand h1 {
    margin-top: 8px;
}
}
@media(max-width:667px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 3em;
}
	.tel{ display:none;}
.wthree_team_grid_left {
    width: 33%;
    margin: 0 auto;
}
}
@media(max-width:640px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.5em;
}
	.tel{ display:none;}
}
@media(max-width:600px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.5em;
}
	.tel{ display:none;}
.navbar-default .navbar-nav>li>a {
    padding: 18px 13px;
}
}
@media(max-width:568px){
}
@media(max-width:480px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 2.2em;
}
	.tel{ display:none;}
.clients {
    width: 100%;
}
.contact-left-w3ls {
    width: 100%;
    margin-left: 0em;
}
.wthree_team_grid_left {
    width: 50%;
    margin: 0 auto;
}
.footer ul.nav-buttom li {
    margin: 0px 9px;
}
.w3-heading-all h3 {
    font-size: 2em;
}
div#bs-example-navbar-collapse-1 {
    width: 97%;
}
}
@media(max-width:414px){
.carousel-caption {
    padding-top: 9em;
}
	.tel{ display:none;}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1em;font-weight: bold;
}
.carousel-caption h2, .carousel-caption h3 {
    letter-spacing: 0px;
}
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.8em;
}
.carousel-caption {
    min-height: 438px!important;
}
.grid_info {
    width: 75%;
    margin: 0 auto 2em;
}
.tab-info h4 {
    font-size: 1.2em;
   }
   .footer ul.nav-buttom li {
    margin: 0px 6px;
}
.about, .team, .gallery, .welcome, .contact-w3-agileits, .banner-bottom, .services {
    padding: 2em 0;
}
.clients {
    padding: 4em 2em 4em 4em;
}
}
@media(max-width:384px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.5em;
}
	.tel{ display:none;}
.carousel-caption p {
    letter-spacing: 3px;
    font-size: 1em;
}
.tab-info h4 {
    font-size: 1.1em;
}
.w3layouts_stats_left h3 {
    font-size: 0.9em;
}
.w3layouts_stats_left span {
    font-size: 2em;
    color: #fff;
}
.clients-left {
    min-height: 230px;
}
.contact-left-w3ls .glyphicon {
    font-size: 1em;
    padding: 0.5em;
}
}
@media(max-width:375px){
	
	.tel{ display:none;}
.inner-bnr {
		min-height: 155px;
	}
.w3layouts_stats_left p {
    font-size: 2em;
}
.footer ul.nav-buttom li a {
    font-size: 13px;
    letter-spacing: 1px;
}
.bottom-head h2 a {
    font-size: 35px;
    color: #fff;
}
}
@media(max-width:320px){
.carousel-caption h2, .carousel-caption h3 {
    font-size: 1.4em;
}
	.tel{ display:none;}
.navbar-default a.navbar-brand h1 {
    font-size: 31px;
}
.grid_info {
    width: 95%;
}
.wthree_team_grid_left {
    width: 100%;
    margin: 0 auto;
}
.w3layouts_stats_left.w3_counter_grid {
    width: 100%;
    float: none;
    margin-bottom: 2em;
}
.w3layouts_stats_left.w3_counter_grid2 {
      width: 100%;
    float: none;
	   margin-bottom: 2em;
}
.client h5 {
    font-size: 13px;
}
.footer ul.nav-buttom li {
    margin: 0px 2px;
}
.contact-left-w3ls .glyphicon {
    font-size: 1em;
    padding: 0.5em;
}
}
/*-- /responsive design --*/

.border_grey{border:solid 1px #ebebeb; text-align: center}
.padding30{padding:30px;}
<!--.radius_blue{width:100px; text-align: center; margin:0 auto;margin-top:20px;height: 100px;  border-radius: 50px;border:solid 3px #00c4d6;background:-webkit-gradient(linear, 0 0, 0 100%, from(#0084d6), to(#02629e));}-->
.radius_blue{
	width:100px; text-align: center; margin:0 auto;margin-top:20px;height: 100px;  border-radius: 50px;border:solid 3px #00c4d6;
	
	 background: url(../../images/wy_img/icon_bg.jpg) repeat-x;
}
.radius_blue img{margin-top:25px;}
.produt_h5_tit{font:28px "微软雅黑"; color:#222;margin-top:30px;}
.produt_p_con{ color: #646464;font:16px/26px "微软雅黑";margin-top:16px;}
.buttonbg{ background: url(../../images/wy_img/anbg.png) no-repeat; width: 128px; transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;display: block;padding-top:6px;font-size: 14px; height: 46px; color: #fff;margin:30px auto 0 auto;}
.buttonbg a{color: #fff;}
.buttonbg:hover{background: url(../../images/wy_img/anbg_1.png) no-repeat;}
.buttonbg a:hover{color: #fff;}
.buttonbg:hover a{ color: #fff;}
.jjfabg{ background: url(../../images/wy_img/jjfabg.jpg)}
.jjfabg_text{float:left; width: 31%;margin-bottom: 90px;}
.jjfabg_text h5{font:46px "微软雅黑"; color: #fff;margin-top:60px; position: relative;}
.jjfabg_text h5:after{content:""; position: absolute; height: 3px; bottom:-40px; display: block;background-color: #00dbef; width: 67px;}
.jjfabg_text p{font:18px/36px "微软雅黑"; color: #fff;margin-top:95px;}
.jjfabg_text a{ color:#fff; background: url(../../images/wy_img/anbg_jj.png) no-repeat; width: 163px; transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;height: 61px; font-size:14px; padding-top:8px; display: block; text-align: center;margin-top:70px;}
.jjfabg_text a:hover{background: url(../../images/wy_img/anbg_jj_1.png) no-repeat;color:#007a85;}
.jjfabg_con{float:right; width: 67%;margin-top:90px;}
.jjfabg_con li{float:right; list-style: none;width:366px;margin:0 14px;transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;margin-bottom: 28px;border:solid 2px #00fcff;background: url(../../images/wy_img/jjfa_con_bg_n.png) repeat-x; height:165px; color: #fff;}
.jjfabg_con li:hover{box-shadow:0 0 40px #00dadc ;}
.jjfabg_con li.bg2{background: url(../../images/wy_img/jjfa_con_bg2.png) repeat-x;}
.jjfabg_con li.bg{background: url(../../images/wy_img/jjfa_con_bg.png) repeat-x;}
.jjfabg_con li.bg3{background: url(../../images/wy_img/jjfa_con_bg3.png) repeat-x;}
.jjfabg_con li.bg4{background: url(../../images/wy_img/jjfa_con_bg4.png) repeat-x;}
.jjfabg_con li p{ color:#fff;margin-left:35px; font:16px/24px "微软雅黑"; width: 227px;}
.jjfabg_con li h6{font:bold 24px "微软雅黑"; color: #fff;margin:30px 0 14px 35px;}
.data{background:url(../../images/wy_img/map.png) no-repeat left bottom; height: 700px }
.data ul{float:right; width: 40%;margin-top:140px;}
.data ul li{ list-style:none; overflow: hidden;width: 420px;padding:22px 22px 0 22px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; margin-bottom: 10px; background-color: #f5f5f5; border: solid 1px #efeeee;}
.data ul li:hover{box-shadow: 0 0 30px #bebebe;}
.data ul li div{float:left; width:28%;}
.data ul li img{border: solid 1px #9e9c9c; width: 148px;}
.data ul li dl{float:right;width: 56.99%;}
.data ul li dt{font:20px "微软雅黑"}
.data ul li dd{ color: #565656;font-size: 14px;margin-top:7px;}
.data ul li a{float: right;background: url(../../images/wy_img/arrow_grey.png) no-repeat;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;margin-top:3px; display: block; width: 17px; height: 16px;}
.data ul li a:hover{background: url(../../images/wy_img/arrow_blue.png) no-repeat;}
.data ul li:hover a{background: url(../../images/wy_img/arrow_blue.png) no-repeat;}
.newsbg{ background: url(../../images/wy_img/newsbg.jpg);}
.newsbg h3{ color:#fff;}
.newscon{ background-color: #fff; overflow: hidden; transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;margin-top:50px;}
.newscon:hover{box-shadow: 0 0 25px #00e3e5;}
.newscon img{ width:392px; height:219px;}
.newscon .time{ color:#808080;font:14px "Arial"}
.newscon dl dt{font:20px "微软雅黑"; color: #141414;margin-top:5px;}
.newscon dl dt a{color: #141414;}
.newscon dl dt a:hover{color: #00b7ee;}
.newscon dl dd{ color: #838383;font:14px/22px "微软雅黑";margin-top:15px;}
.newscon dl dd a{color: #141414;}
.newscon dl dd a:hover{color: #00b7ee;}
.newscon .subcon{ background-color:#fff;padding:24px;}


/*全国电话*/
.div_tel{ width: 100%; height: 314px; background:url(../../images/wy_img/telbg.jpg); overflow: hidden;}
.tel_index{ width:365px; margin:0px auto; text-align: center; }
.tel_index .divtit{ background: url(../../images/wy_img/index_tel.png) no-repeat 100px; padding-left:55px; color: #fff;font:bold 24px "微软雅黑";margin-top:90px;}
.tel_index .divbutton{border-radius:40px; background-color: #21bcf8;font:bold 34px/60px "Arial";color: #fff; height: 60px;margin-top:20px;}



/*---------------------------*/
.flexslider2 {margin: 120px auto 0;position: relative;  width: 1200px;min-width: 1200px; }
.flexslider2 .slides2{height:125px; overflow:hidden; }
.flexslider2 .slides2 li {width: 100%;height:60px;margin:0 5px; border:0; list-style: none;}
.flex-direction-nav2 a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;
	background: url(images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;
	filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav2 .flex-next2 {background-position: 0 -70px;right: 0;}
.flex-direction-nav2 .flex-prev2 {left: 0;}
.flexslider2:hover .flex-next2 {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider2:hover .flex-prev2 {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider2:hover .flex-next2:hover,.flexslider2:hover .flex-prev2:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav2 {width: 100%;position:absolute; bottom:-55px; height:50px;margin-left:0px; text-align: center; z-index:2222222222222222222222;}
.flex-control-nav2 li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline; list-style: none;}
.flex-control-paging2 li a {background: url(../../images/wy_img/dot1.png) no-repeat 0 -27px;display: block;height:18px;overflow: hidden;
	text-indent: -99em;width:25px;cursor: pointer;}
.flex-control-paging2 li a.flex-active2,.flex-control-paging2 li.active a {background-position: 0 0;}
.flexslider2 .slides2 a img {width: 100%;height:599px;display: block; border:0;}
.flex-control-paging2 li a {
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.flexslider2  .bd li .item { width: 15.6666%; text-align: center; margin:0 5px;float: left; height: 65px; perspective: 1200px; -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; -o-perspective: 1200px;/*当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身*/ margin-bottom: 40px; }
.flexslider2  .bd li .item .rotate-box { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transition: all .5s ease; -webkit-transition: all .5s ease;  /* -webkit-filter: grayscale(1);
  filter: grayscale(100%);
  filter:url('url("data:image/svg+xml;utf8,<svg%20xmlns=' http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'*/)
  filter:gray;
}
.flexslider2  .bd li .item:hover .rotate-box { -webkit-filter:none;filter:none}
.flexslider2  .bd li .item img { display: inline; height: 100%; width: 100%; border: solid 1px #ababab;}
.flexslider2  .bd li .item img:hover{border: solid 1px #21bcf8; cursor: pointer;}

/*---------------------------*/

.container_header{ position: absolute;left: 0;}
.container_header .title{font-size:24px; color: #fff; text-align: left}
.container_header .subtitle{font-size:14px;text-align: left}

.contactinfo p {
	float: left;
	width: 290px;
	padding-right: 50px;
	margin-top: 14px;
	height: auto;
	font-size: 14px;
	line-height: inherit
}
.contactinfo div {
	position: absolute;
	left: 250px;
	margin-top: 10px
}
.contactinfo div:after {
	content: '关注';
	height: 20px;
	font-size: 18px;
	line-height: 20px;
	overflow: hidden;
	position: absolute;
	top: -54px;
	left:3px;
	color: #b8b8b8;
	font-weight: normal;
	
}
.contactinfo div a {
	background-color: transparent;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, .07);
	width: 36px;
	height: 36px;
	border-radius: 0;
	margin-right: 10px;
	
}
.contactinfo div a:hover {
	border: 1px solid transparent;
	border-radius: 0
}
.contactinfo div a:hover i {
	color: #fff
}
.contactinfo div a i {
	margin-top: 10px;
	transition: all .3s ease-out 0s;
	left: 2px;
	width: 16px;
	position: relative;
	margin: 10px 8px 8px
}
.contactinfo h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 25px;
	color:#b8b8b8;
		
}

.contactinfo {
	max-width: 1170px;
	position: relative;
	padding-left: 520px;
	top: 15px;
	text-align: left;
}
.contactinfo a.xl{ background: url(../../images/wy_img/xl.png) no-repeat center #2a2a2a; border: solid 1px #2a2a2a;padding:8px 12px;}
.contactinfo a.xl:hover{ background: url(../../images/wy_img/xl_1.png) no-repeat center #21bcf8; border: solid 1px #21bcf8;}
.contactinfo a.qq{ background: url(../../images/wy_img/qq.png) no-repeat center #2a2a2a; border: solid 1px #2a2a2a;padding:8px 12px;}
.contactinfo a.qq:hover{ background: url(../../images/wy_img/qq_1.png) no-repeat center #21bcf8; border: solid 1px #21bcf8;}
.contactinfo a.wx{ background: url(../../images/wy_img/wx.png) no-repeat center #2a2a2a; position: relative;border: solid 1px #2a2a2a;padding:8px 12px;}
.contactinfo a.wx .code{display:none;}
.contactinfo a.wx:hover .code{display:block; position: absolute; top:23px; left: 0px;}
.contactinfo a.wx:hover{background: url(../../images/wy_img/wx_1.png) no-repeat center #21bcf8;border: solid 1px #21bcf8; }
.ff_social{padding-top: 18px; color: #b8b8b8}


/*浮动*/

/* leftsead */
#leftsead{width:61px;position:fixed; bottom:10%;right:0px; z-index:100; }
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:61px;list-style: none;}
#leftsead li img{float:right;}
#leftsead li a{height:58px;float:right;display:block;min-width:58px;max-width:161px; }
#leftsead li a .shows:hover{background:#21bcf8;}
#leftsead li a .shows{display:block; background:#ffffff; border-bottom:1px solid #292929; border-left:1px solid #292929; border-top:1px solid #292929;  float:right; width:58px; height:58px;}
#leftsead li a .shows1{display:block; background:#ffffff; border-bottom:1px solid #55cfff; border-left:1px solid #30bdf5; border-top:1px solid #30bdf5;  float:right; width:58px; height:58px;}
#leftsead li a .shows2{display:block; background:#ffffff; border:1px solid #292929; float:right; width:58px; height:58px; background:url(../../images/wy_img/fixde_4.png) center bottom no-repeat;}
#leftsead li a .shows2:hover{ background:url(../../images/wy_img/fixde_4.png) center top no-repeat;transition:0.5s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}
#leftsead li a.shows3{display:block; background:#ffffff; border-bottom:1px solid #292929; border-left:1px solid #292929; border-top:1px solid #292929;  float:right; width:58px; height:58px; background:url(../../images/wy_img/fixde_1.png) center top no-repeat;}
#leftsead li a.shows3:hover{ background:url(../../images/wy_img/fixde_1.png) center bottom no-repeat;transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}
#leftsead li a .hides{ height:58px;margin-right:-142px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{background:#21bcf8;display:none;position:absolute;right:143px;}
#leftsead li a.youhui .hides2{background:#21bcf8;display:none;position:absolute;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:163px;}
#p2{width:242px;background-color:#21bcf8;height:58px;margin-left:-77px;border:1px solid #21bcf8;text-align:center;line-height:58px;font-size:14px; color:#fff;transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}
#p3{width:58px;background-color:#21bcf8;height:58px;margin-left:0px;border:1px solid #21bcf8;text-align:center;line-height:58px}
#p1{width:47px;height:58px;float:left; margin-left:-88px; vertical-align:middle;}
.mt15{margin-top:15px;}
.inner-bnr {
	background: url(../../images/wy_img/subbanner.jpg) no-repeat 0px 0px;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	min-height: 280px;
	text-align: center; color: #fff;
	
}
.inner-bnr_jj{background: url(../../images/wy_img/subbanner_jj.jpg) no-repeat 0px 0px;}
.inner-bnr_new{background: url(../../images/wy_img/subbanner_new.jpg) no-repeat 0px 0px;}
.inner-bnr_ab{background: url(../../images/wy_img/subbanner_ab.jpg) no-repeat 0px 0px;}
.inner-bnr_cp{background: url(../../images/wy_img/subbanner_cp.jpg) no-repeat 0px 0px;}
.inner-bnr_lx{background: url(../../images/wy_img/subbanner_lx.jpg) no-repeat 0px 0px;}
.inner-bnr h1{ padding-top:70px; line-height: 75px;font-size: 56px;}
.inner-bnr div{font-size: 46px; line-height: 50px;}

@media(max-width:568px) {

.inner-bnr {
		min-height: 155px;
	}
}
.subdivcon{margin-top:35px;}
.inner-nav{ background-color:#3e3e3e; height: 45px;}
.inner-nav ul li{ list-style:none;font-size:16px; float:left; color: #979797;line-height: 45px; }
.inner-nav ul li a{ color:#979797; padding:0 40px;}

.inner-nav ul li a:hover{ color:#fff;}
.inner-nav ul li.hover{ background: url(../../images/wy_img/inner_arrow.png) no-repeat bottom;}
.inner-nav ul li.hover a{ color:#fff;}
.crm-arrow_inside{top: -6px;
    right: -7px;
    border-width: 7px;
    border-style: solid;
	border-color: transparent transparent #f4f8fa; position: absolute;}
.inner-lf{float:left; width: 72%;margin-top:40px;margin-bottom: 25px;}
.inner-lf h3{font-size: 22px; line-height: 24px; margin-bottom: 20px; color: #3b3b3b;}
.inner-lf .exchange li{float:left;margin-right: 10px; width: 110px; text-align: center; margin-bottom: 20px; list-style: none; }
.inner-lf .exchange li.hover{border-bottom: solid 2px #007ece; padding:0 10px; }
.inner-lf .exchange li.hover h3{color: #007ece;}
.inner-lf h4{font-size: 16px; line-height: 24px;color: #008be3;margin: 20px 0;}
.inner-lf p{font-size: 14px; color: #3d3d3d; text-indent: 2em;}
.inner-lf p.img{ text-align: center;margin:30px 0;}
.inner-lf p.img img{ width:600px; }
.inner-lf .imgtu img{ width:100%; height: 100%;}
.inner-ri{float:right; width: 20.3333%;margin-top:35px;}
.inner-ri dl{margin-bottom:20px;}
.inner-ri dt{ background:url(../../images/wy_img/inner_icon1.png) no-repeat right bottom #0079c4; color: #fff;padding-left:25px;font-size: 18px; line-height: 35px;font-weight: normal;height: 35px;}
.inner-ri dt.bg{background:url(../../images/wy_img/inner_icon2.png) no-repeat right bottom #0079c4; }
.inner-ri dt.bga{background:url(../../images/wy_img/inner_icon1a.png) no-repeat right bottom #0079c4; }
.inner-ri dd{border-bottom:solid 1px #f1f1f1; background: url(../../images/wy_img/inner_icon3.png) no-repeat 20px center;padding-left:40px; line-height: 43px; font-size: 15px; color: #7b7a79;}
.inner-ri dd a{color: #7b7a79;}
.inner-ri dd a:hover{color: #185cb6;}
.inner-ri .divtel{border:solid 1px #ebeaea; text-align: center}
.inner-ri .divtel img{ width:100%; height: 100%;}
.inner-ri .divcond{background-color: #4e95bf;margin:40px auto 40px auto; width: 200px; height: 200px; line-height: 40px; color: #fff; text-align: center;}
.inner-ri .divcond img{border:solid 4px #fff;margin-top:20px; width: 100px; }
.news_right h2{ margin: 0px 0px 20px 0px; padding-top:30px;font-size:20px;font-weight:normal; color:#000000; cursor: pointer;}
.news_right h2 a{color:#000000;}
.news_right h2 a:hover{ color:#0098e1;}

.news_right  ul.news li{ list-style: none;border-bottom: 1px solid #ededed;padding-bottom: 15px; overflow: hidden;}
.news_right .lirighta{ text-align:justify; height:73px; color: #666666; font-size: 16px; line-height: 26px;  overflow:hidden;}
.news_right .time2{width:680px; height: 20px; color:#999999; text-align: right; font-size: 14px;}

.news_right h2:hover{text-decoration: underline;}
.news_right .lileft{float:left; width:138px; height: 90px;}
.news_right .lileft img{ width:138px; height: 90px;}
.news_right .liright{ float:left;margin-left:25px; width: 78%; color: #666666; font-size: 14px; line-height: 23px;}
.news_right .liright p{ text-align:justify; font-size: 16px;0overflow: hidden;}
.news_right .liright .time{height: 20px;color:#999999; text-align: right; font-size: 12px;}
.news_right .xain_none{ border:none;}
.new_dat_tite{ color:#000; font-size:24px; text-align:center; line-height:40px; width:50%; margin:0px auto;  padding-bottom:20px;padding-top:100px;}
.new_dat_tite p{ color:#888888; text-align:center; line-height:22px; font-size:12px;}
.new_dat_tite2{ width:80%;font-family: "微软雅黑"; margin:0px auto;border-bottom:1px solid #f2f2f4;border-top:1px solid #f2f2f4; padding-bottom:70px;}
.new_dat_tite2 p{ color:#333; font-family: "微软雅黑";text-indent:2em; line-height:30px; font:16px/30px "微软雅黑"; text-align:justify; margin-top:30px;}
.new_dat_tite2 p img{ width:100%; height: 100%;}
.new_dat_tite2_tu{  margin:40px auto 0; text-align:center;}
.new_dat_tite2_tu img{}
.new_dat_fenx{font-size:12px;width:80%; margin:20px auto 0;}
.new_dat_fenx p{ width:500px; float:left; color:#888; line-height:60px;  padding-left:20px;}


.gywm_dl{ margin-left:15px;margin-bottom:20px;}
.gywm_dl h2{ color:#424242; font-size:22px; color:#504F4F; line-height:60px;}
.gywm_dl dd{ color:#4a4949; font-size:16px; line-height:50px; padding-left:25px;}
.gywm_dl dd.img_tu1{ background:url(images/feng_zxzxss.png) left 10px no-repeat;}
.gywm_dl dd.img_tu1 span{color:#1375ba; }
.gywm_dl dd.img_tu2{ background:url(images/feng_zxzxss.png) left -33px no-repeat;}
.gywm_dl dd.img_tu2 span{color:#1375ba;}
.gywm_dl dd.img_tu3{ background:url(images/feng_zxzxss.png) left -71px no-repeat;}
.gywm_dl dd.img_tu3 span{color:#1375ba;}
.gywm_h2{color:#424242; font-size:22px; margin-top:40px;color:#504F4F; margin-left:15px;}
.iw_poi_map{ width:90%; height:410px; float:left;border:#ccc solid 1px; margin:34px 0;margin-left:35px; margin-top:50px;}

/*招聘*/

 .hbodyCcareerListBody{ position:relative; width:934px; height:295px; overflow:hidden; float:left;}
 .hbody ul{position: absolute;width: 1486px;left:0;}
 .hbody ul li{ float:left; margin:0 25px; display:block; width:185px; padding-bottom:22px;}
 .hbody ul li a:hover{ color:#787878;}
 .hbody ul li .hbmore{ background-position:-620px 0; width:90px; height:25px; margin:0 auto; display:block; overflow:hidden;}
.careerListItem {padding:0;}
.careerListItem li{ list-style: none;}
.toggleShow{ display:none; padding:4px; cursor:pointer;}
.careerListHead{  padding:6px 0; color: #fff; background-color: #1581cd;margin-top:30px; font-size:16px; border-bottom:1px solid #e2e2e2;}
.careerTitle{font-weight:700; color:#434343; padding:12px 0;  font-size:16px; border-bottom:1px solid #e2e2e2; cursor:pointer;}
.toggleTitle,.toggleItem{ font-size:14px; display:inline-table;}
.careerTitle .toggleShow{ padding: 2px 9px; border:1px solid #e2e2e2; font-size: 12px; margin-top: -4px; margin-right: 12px; float:right;}
.careerTitle.openIt{ border-bottom: none;}

.careerDetail label{ clear:both; font-size:14px;display:block; font-weight:700;}
.careerDetail{ padding:24px 8px; display:none;}
.careerDetail label span{ font-weight:100; margin-left: 8px;}

.tw60p{ width:38%; padding-left: 8px;}
.tw20p{width:40%; color: #0076be;font-weight: normal;}
.tw20ph{width:40%;}
.tw20pr{width:18%; text-align:left; color: #787878; font-weight: normal;}
.tw20prh{width:18%; text-align:left; }

.gsjj{float:left;text-indent: 2em; width: 100% ;line-height: 34px; font-size: 16px;}
.gsjj { display:block; text-align: left;  width: 95%;}
.gsjj  dt{ color: #0079c4;line-height: 20px;margin-bottom: 10px;border-top:solid 1px #ececec; padding-top: 20px; margin-top: 15px;}
.gsjj  dd{color: #4a4a4a;line-height: 30px;}

.hzhb{ width:100%; overflow: hidden;}
.hzhb h1{ color:#616161;font-size: 26px;margin:35px 0;margin-top:100px;}
.hzhb li{float:left;margin-right: 10px;margin-bottom: 20px; list-style: none;}
.hzhb li img{ border: solid 1px #dedede; width: 160px; height: 70px;}
@media(max-width:1440px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
}


@media(max-width:1366px){
.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
}
@media(max-width:1280px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
}

@media(max-width:1080px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
}
@media(max-width:1024px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
}
@media(max-width:991px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
}
@media(max-width:800px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	
	.data ul{margin:60px auto 0 auto;}
.data ul li{ width: 450px}
}
@media(max-width:768px){
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.data ul{margin:60px auto 0 auto;}
.data ul li{ width: 450px}
	.data ul li ul{ clear:both;}
	.contactinfo div{left:200px;}
	.contactinfo{padding-left:420px;}
}
@media(max-width:767px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.data ul{margin:60px auto 0 auto;}
.data ul li{ width: 450px}
	.contactinfo div{left:200px;}
	.contactinfo{padding-left:420px;}

}
@media(max-width:667px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.data ul{margin:60px auto 0 auto;}
.data ul li{ width: 450px}
	
}
@media(max-width:640px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item img{border:0;}
	.data ul{margin:60px auto 0 auto;}
.data ul li{ width: 450px;}
}
@media(max-width:600px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.data ul{float:left;margin-top:60px;}
.data ul li{ width: 580px}
	.inner-bnr h1{ padding-top:40px; line-height: 30px; font-size: 36px;}
	.inner-bnr div{font-size: 36px;
}
@media(max-width:568px){
	
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
	.jjfabg_text{ width:95%; margin-left: 10px;margin-bottom: 20px;}
	.jjfabg_text a{ margin:0 auto;}
.jjfabg_con{float:left;width:95%; margin-left: 5px;margin-top:10px;}
	.jjfabg_con li{ width: 95%}
	.data ul{float:left;margin-top:60px;}
.data li{ width:100%;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.inner-bnr h1{ padding-top:40px; line-height: 30px; font-size: 36px;}
	.inner-bnr div{font-size: 36px;
	
}
@media(max-width:480px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
.jjfabg_text{ width:95%; margin-left: 10px;margin-bottom: 20px;}
	.jjfabg_text a{ margin:0 auto;}
.jjfabg_con{float:left;width:95%; margin-left: 5px;margin-top:10px;}
	.jjfabg_con li{width: 95%}
	.data{ background:none;}
.data ul{float:left;margin-top:60px;}
.data li{ width:470px;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.footer1{ line-height:20px; padding: 15px 0;}
	.contactinfo{padding-left:0;top:85px}
    #leftsead{ display:none;}
	.inner-ri{float:left; width: 100%;}
	.inner-lf{width: 100%;}
	.inner-bnr h1{ padding-top:40px; line-height: 30px; font-size: 36px;}
	.inner-bnr div{font-size: 36px;
}
@media(max-width:414px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
.jjfabg_text{ width:90%; margin-left: 10px;margin-bottom: 20px;margin-top:10px;}
	.jjfabg_text a{ margin:0 auto;}
.jjfabg_con{float:left;width:95%; margin-left: 5px;}
	.jjfabg_con li{float:left;width: 90%}
	.data{ background:none;}
.data ul{float:left;margin-top:60px;}
.data ul li dl{ clear: both; width: 100%; display: block; overflow: hidden;}
	.data ul li { width:365px}
	.data ul li div{clear: both;  margin: 0 auto; width: 100%;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.footer1{ line-height:20px; padding: 15px 0;}
	.contactinfo{padding-left:0;top:85px}
	.contactinfo div{left:0;}
	.ff_social{ display:none}
	#leftsead{ display:none;}
	.contactinfo h3{margin-bottom:0;}
	.inner-ri{float:left; width: 100%;}
	.inner-lf{width: 100%;}
	.inner-bnr h1{ padding-top:40px; line-height: 30px; font-size: 36px;}
	.inner-bnr div{font-size: 36px;}

}
@media(max-width:375px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
.jjfabg_text{ width:90%; margin-left: 10px;margin-bottom: 20px;margin-top:10px;}
	.jjfabg_text a{ margin:0 auto;}
.jjfabg_con{float:left;width:95%; margin-left: 5px}
.jjfabg_con li{width: 95%}
	.data{ background:none;}
.data ul{float:left;margin-top:60px;}
	.data ul li { width:365px;}
.data ul li dl{ clear: both; width: 100%; display: block; overflow: hidden;}
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.footer1{ line-height:20px; padding: 15px 0;}
	.contactinfo{padding-left:0;top:85px}
	.contactinfo div{left:0;}
	.ff_social{ display:none}
	#leftsead{ display:none;}
	.contactinfo h3{margin-bottom:0;}
	.inner-ri{float:left; width: 100%;}
	.inner-lf{width: 100%;}
	.inner-bnr h1{ padding-top:40px; line-height: 30px; font-size: 36px;}
	.inner-bnr div{font-size: 36px;}

}
@media(max-width:320px){
	.mmenu_op2:hover .mmenu_ziw2{ display:none;}
	.jjfabg_text{ width:90%; margin-left: 10px;margin-bottom: 20px;margin-top:10px;}
	.jjfabg_text a{ margin:0 auto;}
    .jjfabg_con{float:left;width:95%; margin-left: 5px}
	.jjfabg_con li{width: 95%; background:url(../../images/wy_img/jjfa_con_bg_n.png);}
	.data{ background:none;}
	.data ul{float:left;margin-top:60px;}
	.data ul li { width:300px; overflow: hidden;}
	.data ul li div{clear: both;  margin: 0 auto; width: 100%;}
	.data ul li dl{ clear: both; width: 100%; display: block; overflow: hidden;}
	
	.flexslider2{ width:100%; min-width:100%;}
	.flexslider2  .bd li .item { margin:0}
	.flexslider2  .bd li .item img{border:0;}
	.footer1{ line-height:20px; padding: 15px 0;}
	.contactinfo{padding-left:0;top:85px}
	.contactinfo div{left:0;}
	.ff_social{ display:none}
	#leftsead{ display:none;}
	.contactinfo h3{margin-bottom:0;}
	.inner-ri{float:left; width: 100%;}
	.inner-lf{width: 100%;}
	.inner-bnr h1{ padding-top:40px; line-height: 30px; font-size: 36px;}
	.inner-bnr div{font-size: 36px;}
}

/*-- /responsive design --*/
/*page begin*/
/*page end*/
	
	/*子菜单 begin*/

/**/



/**/